<style scoped lang="less" rel="stylesheet/scss">
    @import '../styles/common.scss';
    @import '../styles/app.scss';
    
</style>

<template>
    <div class="content-box">
        <div class="b-leftMenu">
            <img src="../images/logo.png"/>
            <div class="nav-item" v-for="item in items">
                <span>{{item.name}}</span>
                <a v-link="{path: i.path}" v-for="i in item.sub">{{i.name}}</a>
            </div>
        </div>
        <div class="b-rightContent">
            <router-view></router-view>
        </div>
    </div>
</template>
<script>
    export default {
        data () {
            return {
                items: [
                    {
                        name: '公司产品',
                        sub:[
                            {name:"所有产品",path:"/app/productList"},
                            {name:"已申请的产品",path:"/app/productApply"}
                        ]
                    },
                    {
                        name: '用户中心',
                        sub:[
                            {name:"基本信息",path:"/app/home"}
                        ]
                    },
                    {
                        name: '财务中心',
                        sub:[
                            {name:"查询记录",path:"/app/center/query"},
                            {name:"查询记录汇总",path:"/app/all"},
                            {name:"余额变动记录",path:"/app/sum"}
                        ]
                    },
                ]
            };
        }
    }
</script>
